$(function () {
    var damage_datagrid = $("#damage_datagrid");
    var damage_dialog = $("#damage_dialog");
    damage_datagrid.datagrid({
        url:"/damage/list",
        fit:true,
        columns:[[
            {field:'x',checkbox:true},
            {field:'id',title:'id',width:10,hidden:true}, //hidden 隐藏显示该列
            {field:'beneficiary',title:'受益人',width:50},//允许列改变大小
            {field:'accountNum',title:'收款账户',width:50},
            {field:'amount',title:'赔偿金额',width:50},
            {field:'payNumber',title:'保险单号',width:50,formatter: function (value, row, index) {
                    return row.paymentResult.number;
                }},

        ]],
        rownumbers:true,
        striped:true,
        toolbar:"#damage_toolbar",
        singleSelect:true,
        pagination:true,
        fitColumns:true,


    });
    //弄出一个用于查看案件详情的对话框
    //因为对话框在编辑与添加是公用同一个, 所以页面加载完毕时候提前初始化, 在点击添加与编辑时候,直接显示出来即可
    damage_dialog.dialog({
        width:400,
        height:400,
        buttons:"#gb",
        closed:"true"
    });



    var cmdObj = {
        //刷新列表数据
        reload: function () {
            damage_datagrid.datagrid("reload");
        },

        //关闭查询框
        shut:function() {
            damage_dialog.dialog("close");
        },


        //查看案件详情
        chackCase:function(){

            //从datagrid中获取选中的那一行数据
            var row=damage_datagrid.datagrid("getSelected");
            console.log(row);
            if(row==null){
                $.messager.alert("温馨提示","请选择要编辑的行");
            }else{
                //打开查看案件详情编辑对话框
                damage_dialog.dialog("setTitle","查看案件详情");
                row['accidentOtime']=row.accident.otime;
                row['accidentSite']=row.accident.site;
                row['accidentDuty']=row.accident.duty;
                row['accidentInfo']=row.accident.info;
                row['accidentRemark']=row.accident.remark;

                damage_dialog.dialog("open");
                $("#damage_form").form("load",row);//数据回显
            }


        },
        //高级查询
        query:function() {
            //因为easyui对元素的html进行相关封装,可能导致获取到数据,建议使用easyui提供获取数据的方法
            //var keyword = $("#keyword").val();
            var keyword = $("#keyword").textbox("getValue");

            //所谓高级查询, 无非是让datagrid根据条件去更新列表数据,所以只需要刷新列表, 同时携带查询条件即可
            damage_datagrid.datagrid("load",{
                keyword:keyword,

            })
        }


    }
    //调用
    $("a[data-cmd]").click(function () {
        var cmd = $(this).data("cmd");
        cmdObj[cmd]();
    })
})











